/**
 * Created by Administrator on 2019/6/4.
 */
/**
 * Created by Administrator on 2019/5/30.
 */
//中文
var data_zh =['你知道吗','六月','一日','星期一','是','儿童节'];
//英语
var data_en = ['do you know','June','One day','Monday','Yes','Children\'s days'];

//左侧的文本框
var text_if = document.querySelector("#text_if");

//右侧的文本框
var text_that = document.querySelector("#text_that");


//左侧的2个按钮
var btn_if = document.querySelectorAll("#btn_if button");


//右侧的2个按钮
var btn_that = document.querySelectorAll("#btn_that button");


//默认是中文
var lang = 'zh';


//点击切换源语言的按钮
function swap(){
    //切换语言
    if(lang === 'zh'){
        lang = 'en';
    }else {
        lang = 'zh';
    }
    for(var i = 0;i<btn_if.length;i++){
        btn_if[i].classList.remove("btn-primary");
        btn_if[i].classList.remove("btn-light");
        btn_that[i].classList.remove("btn-primary");
        btn_that[i].classList.remove("btn-light");
    }
    switch (lang){
        case 'en':
            btn_if[0].classList.add("btn-light");
            btn_if[1].classList.add("btn-primary");
            btn_that[0].classList.add("btn-light");
            btn_that[1].classList.add("btn-primary");
            break;
        case 'zh':
            btn_if[0].classList.add("btn-primary");
            btn_if[1].classList.add("btn-light");
            btn_that[0].classList.add("btn-primary");
            btn_that[1].classList.add("btn-light");
            break;
    }
}

//点击翻译按钮
function res() {
    //检测中文，如果中文数据库里有这条数据，就把内容翻译
    for(var i=0;i<data_zh.length;i++){
        if (text_if.value === data_zh[i]){
            // console.log("说明中文的数据库里有这条数据，我可以翻译这个中文");
            // 对应的英文
            // console.log("对应的英文是" + data_en[i]);
            // 把对应的英文赋给右侧
            text_that.value = data_en[i];

            // console.log("这条数据是中文数据库的");

            //如果语言是 en 那么就执行一次 swap（）函数
            if (lang==='en'){
                // console.log("需要执行swap函数");
                swap();
            }
        }
    }

    for(var i in data_en){
        if (text_if.value === data_en[i]){
            text_that.value = data_zh[i];

            // console.log("这条数据是英语数据库的");

            //如果语言是 zh 那么就执行一次 swap()函数
            if (lang==='zh'){
                // console.log("需要执行swap函数");
                swap();
            }
        }
    }
}
